<!DOCTYPE HTML>
<html lang="en" class="sidebar-visible no-js light">
    <head>
        <!-- Book generated using mdBook -->
        <meta charset="UTF-8">
        <title>UI &amp; FDF</title>
                

        <!-- Custom HTML head -->
        

        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="theme-color" content="#ffffff" />

                <link rel="icon" href="../favicon.svg">
                        <link rel="shortcut icon" href="../favicon.png">
                <link rel="stylesheet" href="../css/variables.css">
        <link rel="stylesheet" href="../css/general.css">
        <link rel="stylesheet" href="../css/chrome.css">
                <link rel="stylesheet" href="../css/print.css" media="print">
        
        <!-- Fonts -->
        <link rel="stylesheet" href="../FontAwesome/css/font-awesome.css">
                <link rel="stylesheet" href="../fonts/fonts.css">
        
        <!-- Highlight.js Stylesheets -->
        <link rel="stylesheet" href="../highlight.css">
        <link rel="stylesheet" href="../tomorrow-night.css">
        <link rel="stylesheet" href="../ayu-highlight.css">

        <!-- Custom theme stylesheets -->
        
            </head>
    <body>
        <!-- Provide site root to javascript -->
        <script type="text/javascript">
            var path_to_root = "../";
            var default_theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "navy" : "light";
        </script>

        <!-- Work around some values being stored in localStorage wrapped in quotes -->
        <script type="text/javascript">
            try {
                var theme = localStorage.getItem('mdbook-theme');
                var sidebar = localStorage.getItem('mdbook-sidebar');

                if (theme.startsWith('"') && theme.endsWith('"')) {
                    localStorage.setItem('mdbook-theme', theme.slice(1, theme.length - 1));
                }

                if (sidebar.startsWith('"') && sidebar.endsWith('"')) {
                    localStorage.setItem('mdbook-sidebar', sidebar.slice(1, sidebar.length - 1));
                }
            } catch (e) { }
        </script>

        <!-- Set the theme before any content is loaded, prevents flash -->
        <script type="text/javascript">
            var theme;
            try { theme = localStorage.getItem('mdbook-theme'); } catch(e) { }
            if (theme === null || theme === undefined) { theme = default_theme; }
            var html = document.querySelector('html');
            html.classList.remove('no-js')
            html.classList.remove('light')
            html.classList.add(theme);
            html.classList.add('js');
        </script>

        <!-- Hide / unhide sidebar before it is displayed -->
        <script type="text/javascript">
            var html = document.querySelector('html');
            var sidebar = 'hidden';
            if (document.body.clientWidth >= 1080) {
                try { sidebar = localStorage.getItem('mdbook-sidebar'); } catch(e) { }
                sidebar = sidebar || 'visible';
            }
            html.classList.remove('sidebar-visible');
            html.classList.add("sidebar-" + sidebar);
        </script>

        <nav id="sidebar" class="sidebar" aria-label="Table of contents">
            <div class="sidebar-scrollbox">
                <ol class="chapter"><li class="chapter-item expanded "><a href="../index.html"><strong aria-hidden="true">1.</strong> 快速开始</a></li><li class="chapter-item expanded "><a href="../quick/struct.html"><strong aria-hidden="true">2.</strong> 项目结构</a></li><li class="chapter-item expanded "><a href="../quick/command.html"><strong aria-hidden="true">3.</strong> SDK命令指引</a></li><li class="chapter-item expanded "><a href="../quick/update.html"><strong aria-hidden="true">4.</strong> 更新日志</a></li><li class="chapter-item expanded "><div><strong aria-hidden="true">5.</strong> 功能库</div></li><li><ol class="section"><li class="chapter-item expanded "><a href="../lib/api.html"><strong aria-hidden="true">5.1.</strong> API</a></li><li class="chapter-item expanded "><a href="../lib/attr.html"><strong aria-hidden="true">5.2.</strong> 属性 Attr</a></li><li class="chapter-item expanded "><a href="../lib/japi.html"><strong aria-hidden="true">5.3.</strong> JAPI</a></li><li class="chapter-item expanded "><a href="../lib/hslk1.html"><strong aria-hidden="true">5.4.</strong> Slk入门</a></li><li class="chapter-item expanded "><a href="../lib/hslk2.html"><strong aria-hidden="true">5.5.</strong> Slk进阶</a></li><li class="chapter-item expanded "><a href="../lib/hslk_f6.html"><strong aria-hidden="true">5.6.</strong> Slk原生物编字段</a></li><li class="chapter-item expanded "><a href="../lib/hslk_misc.html"><strong aria-hidden="true">5.7.</strong> Slk与MISC数据</a></li><li class="chapter-item expanded "><a href="../lib/sync.html"><strong aria-hidden="true">5.8.</strong> Sync同步</a></li></ol></li><li class="chapter-item expanded "><div><strong aria-hidden="true">6.</strong> 例子</div></li><li><ol class="section"><li class="chapter-item expanded "><a href="../example/leaderBoard.html"><strong aria-hidden="true">6.1.</strong> 使用排行榜</a></li><li class="chapter-item expanded "><a href="../example/multiBoard.html"><strong aria-hidden="true">6.2.</strong> 使用多面板</a></li><li class="chapter-item expanded "><a href="../example/dialog.html"><strong aria-hidden="true">6.3.</strong> 难度选择对话框</a></li><li class="chapter-item expanded "><a href="../example/pickHero.html"><strong aria-hidden="true">6.4.</strong> 常见两种选英雄</a></li><li class="chapter-item expanded "><a href="../example/attack.html"><strong aria-hidden="true">6.5.</strong> 简单刷兵</a></li></ol></li><li class="chapter-item expanded "><div><strong aria-hidden="true">7.</strong> 其他学习</div></li><li><ol class="section"><li class="chapter-item expanded "><a href="../other/jetbrain.html"><strong aria-hidden="true">7.1.</strong> Jetbrain设置</a></li><li class="chapter-item expanded "><a href="../other/q_a.html"><strong aria-hidden="true">7.2.</strong> 询问的技巧</a></li><li class="chapter-item expanded "><a href="../other/dz.html"><strong aria-hidden="true">7.3.</strong> 平台上线须知</a></li><li class="chapter-item expanded "><a href="../other/war3_tec.html"><strong aria-hidden="true">7.4.</strong> 魔兽作图小技巧</a></li><li class="chapter-item expanded "><a href="../other/war3_terrainArt.html"><strong aria-hidden="true">7.5.</strong> 魔兽地形贴图路径</a></li><li class="chapter-item expanded "><a href="../other/lua_engine.html"><strong aria-hidden="true">7.6.</strong> YDLua引擎</a></li><li class="chapter-item expanded "><a href="../other/ui_fdf.html" class="active"><strong aria-hidden="true">7.7.</strong> UI &amp; FDF</a></li></ol></li><li class="chapter-item expanded "><div><strong aria-hidden="true">8.</strong> 小小专栏</div></li><li><ol class="section"><li class="chapter-item expanded "><a href="../xxqq/BV1nV411J7FB.html"><strong aria-hidden="true">8.1.</strong> 基础指令介绍</a></li><li class="chapter-item expanded "><a href="../xxqq/BV1TK4y1Z7eB.html"><strong aria-hidden="true">8.2.</strong> hslk高级用法演示1</a></li><li class="chapter-item expanded "><a href="../xxqq/BV1M64y117sB.html"><strong aria-hidden="true">8.3.</strong> hslk高级用法演示2</a></li><li class="chapter-item expanded "><a href="../xxqq/BV1ZV411J7JJ.html"><strong aria-hidden="true">8.4.</strong> hslk高级用法演示3</a></li><li class="chapter-item expanded "><a href="../xxqq/BV1iv411L7CP.html"><strong aria-hidden="true">8.5.</strong> UI之sync演示</a></li><li class="chapter-item expanded "><a href="../xxqq/BV1Hy4y1s7cj.html"><strong aria-hidden="true">8.6.</strong> 构建酒馆与小地图UI显示头像</a></li><li class="chapter-item expanded "><a href="../xxqq/BV1Lh411v7pR.html"><strong aria-hidden="true">8.7.</strong> 伤害排行榜</a></li><li class="chapter-item expanded "><a href="../xxqq/upscale.html"><strong aria-hidden="true">8.8.</strong> 高端演示</a></li></ol></li></ol>            </div>
            <div id="sidebar-resize-handle" class="sidebar-resize-handle"></div>
        </nav>

        <div id="page-wrapper" class="page-wrapper">

            <div class="page">
                
                <div id="menu-bar-hover-placeholder"></div>
                <div id="menu-bar" class="menu-bar sticky bordered">
                    <div class="left-buttons">
                        <button id="sidebar-toggle" class="icon-button" type="button" title="Toggle Table of Contents" aria-label="Toggle Table of Contents" aria-controls="sidebar">
                            <i class="fa fa-bars"></i>
                        </button>
                        <button id="theme-toggle" class="icon-button" type="button" title="Change theme" aria-label="Change theme" aria-haspopup="true" aria-expanded="false" aria-controls="theme-list">
                            <i class="fa fa-paint-brush"></i>
                        </button>
                        <ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
                            <li role="none"><button role="menuitem" class="theme" id="light">Light (default)</button></li>
                            <li role="none"><button role="menuitem" class="theme" id="rust">Rust</button></li>
                            <li role="none"><button role="menuitem" class="theme" id="coal">Coal</button></li>
                            <li role="none"><button role="menuitem" class="theme" id="navy">Navy</button></li>
                            <li role="none"><button role="menuitem" class="theme" id="ayu">Ayu</button></li>
                        </ul>
                                                <button id="search-toggle" class="icon-button" type="button" title="Search. (Shortkey: s)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="S" aria-controls="searchbar">
                            <i class="fa fa-search"></i>
                        </button>
                                            </div>

                    <h1 class="menu-title"></h1>

                    <div class="right-buttons">
                                                <a href="../print.html" title="Print this book" aria-label="Print this book">
                            <i id="print-button" class="fa fa-print"></i>
                        </a>
                                                                        
                    </div>
                </div>

                                <div id="search-wrapper" class="hidden">
                    <form id="searchbar-outer" class="searchbar-outer">
                        <input type="search" id="searchbar" name="searchbar" placeholder="Search this book ..." aria-controls="searchresults-outer" aria-describedby="searchresults-header">
                    </form>
                    <div id="searchresults-outer" class="searchresults-outer hidden">
                        <div id="searchresults-header" class="searchresults-header"></div>
                        <ul id="searchresults">
                        </ul>
                    </div>
                </div>
                
                <!-- Apply ARIA attributes after the sidebar and the sidebar toggle button are added to the DOM -->
                <script type="text/javascript">
                    document.getElementById('sidebar-toggle').setAttribute('aria-expanded', sidebar === 'visible');
                    document.getElementById('sidebar').setAttribute('aria-hidden', sidebar !== 'visible');
                    Array.from(document.querySelectorAll('#sidebar a')).forEach(function(link) {
                        link.setAttribute('tabIndex', sidebar === 'visible' ? 0 : -1);
                    });
                </script>

                <div id="content" class="content">
                    <main>
                        <h2 id="ui-与-fdf"><a class="header" href="#ui-与-fdf">UI 与 FDF</a></h2>
<h3 id="ui制作就是运用界面函数对原有界面进行增删查改的美化"><a class="header" href="#ui制作就是运用界面函数对原有界面进行增删查改的美化">UI制作就是运用界面函数对原有界面进行增删查改的美化</a></h3>
<h4 id="fdf就是一种格式让你可以编写一些frame静态组件声明用处不大"><a class="header" href="#fdf就是一种格式让你可以编写一些frame静态组件声明用处不大">FDF就是一种格式，让你可以编写一些frame静态组件声明，用处不大</a></h4>
<h4 id="至于为什么说用处不大这里就留给您自行思考了"><a class="header" href="#至于为什么说用处不大这里就留给您自行思考了">至于为什么说用处不大，这里就留给您自行思考了</a></h4>
<p>下面是一些网上的教程，虽然不咋的，反正看看也好</p>
<blockquote>
<p><a target="_blank" href="https://blog.csdn.net/CarlosX/article/details/89161467">[War3]Fdf文件详解，简单的UI教程演示 - 魔兽争霸3</a></p>
<p><a target="_blank" href="https://www.hiveworkshop.com/threads/ui-list-default-mainframes.317884">魔兽默认组件对照</a></p>
<p><a target="_blank" href="http://bbs.dz.blizzard.cn/forum.php?mod=viewthread&tid=8038&extra=page%3D1%26filter%3Dtypeid%26typeid%3D18">[老CK教程]官方平台界面功能入门</a></p>
</blockquote>
<p>教程看完了吗？为什么说不咋的，因为其实这些教程不过是给你写一些FDF罢了，就是入个门，看个印象</p>
<p>如果你想看FDF，魔兽客户端自带就有一大堆暴雪写好的，完全不需要看他教程，暴雪写的更全更多</p>
<blockquote>
<p>已经提取了原生的fdf，有兴趣可自行查看</p>
<p>可参考提取项目：<a target="_blank" href="https://github.com/hunzsig-warcraft3/FrameDef">FrameDef</a></p>
</blockquote>
<pre><code>    UI\FrameDef\GlobalStrings.fdf
    UI\FrameDef\InfoPanelStrings.fdf
    UI\FrameDef\NetworkStrings.fdf
    UI\FrameDef\DateStrings.fdf
    UI\FrameDef\Glue\DialogWar3.fdf
    UI\FrameDef\Glue\MapInfoPane.fdf
    UI\FrameDef\Glue\AdvancedOptionsDisplay.fdf
    UI\FrameDef\Glue\AdvancedOptionsPane.fdf
    UI\FrameDef\Glue\ListBoxWar3.fdf
    UI\FrameDef\Glue\MapListBox.fdf
    UI\FrameDef\Glue\DecoratedMapListBox.fdf
    UI\FrameDef\Glue\MapPreferenceBox.fdf
    UI\FrameDef\Glue\CheckListBox.fdf
    UI\FrameDef\Glue\MainMenu.fdf
    UI\FrameDef\Glue\Loading.fdf
    UI\FrameDef\Glue\LoadSavedGameScreen.fdf
    UI\FrameDef\Glue\OptionsMenu.fdf
    UI\FrameDef\Glue\SinglePlayerMenu.fdf
    UI\FrameDef\Glue\ViewReplayScreen.fdf
    UI\FrameDef\Glue\CustomCampaignMenu.fdf
    UI\FrameDef\Glue\CampaignMenu.fdf
    UI\FrameDef\Glue\TeamSetup.fdf
    UI\FrameDef\Glue\PlayerSlot.fdf
    UI\FrameDef\Glue\Skirmish.fdf
    UI\FrameDef\Glue\ScoreScreen.fdf
    UI\FrameDef\Glue\LocalMultiplayerJoin.fdf
    UI\FrameDef\Glue\LocalMultiplayerCreate.fdf
    UI\FrameDef\Glue\LocalMultiplayerLoad.fdf
    UI\FrameDef\Glue\GameChatroom.fdf
    UI\FrameDef\Glue\CampaignListBox.fdf
    UI\FrameDef\Glue\BattleNetMain.fdf
    UI\FrameDef\Glue\BattleNetNewsBox.fdf
    UI\FrameDef\Glue\BattleNetUserListBox.fdf
    UI\FrameDef\Glue\BattleNetChatPanel.fdf
    UI\FrameDef\Glue\BattleNetChatActionMenu.fdf
    UI\FrameDef\Glue\BattleNetStandardPanel.fdf
    UI\FrameDef\Glue\BattleNetTeamPanel.fdf
    UI\FrameDef\Glue\BattleNetTeamInvitation.fdf
    UI\FrameDef\Glue\BattleNetProfilePanel.fdf
    UI\FrameDef\Glue\BattleNetCustomJoinPanel.fdf
    UI\FrameDef\Glue\BattleNetCustomCreatePanel.fdf
    UI\FrameDef\Glue\BattleNetCustomLoadPanel.fdf
    UI\FrameDef\Glue\BattleNetScheduledGame.fdf
    UI\FrameDef\Glue\BattleNetChatroom.fdf
    UI\FrameDef\Glue\BattleNetFriendsListBox.fdf
    UI\FrameDef\Glue\BattleNetFriendsPane.fdf
    UI\FrameDef\Glue\BattleNetClanMateListBox.fdf
    UI\FrameDef\Glue\BattleNetClanPane.fdf
    UI\FrameDef\Glue\BattleNetClanInvitation.fdf
    UI\FrameDef\Glue\BattleNetStatusBox.fdf
    UI\FrameDef\Glue\BattleNetIconSelectBox.fdf
    UI\FrameDef\UI\ConsoleUI.fdf
    UI\FrameDef\UI\AllianceSlot.fdf
    UI\FrameDef\UI\AllianceDialog.fdf
    UI\FrameDef\UI\ChatDialog.fdf
    UI\FrameDef\UI\LogDialog.fdf
    UI\FrameDef\UI\EscMenuMainPanel.fdf
    UI\FrameDef\UI\EscMenuOptionsPanel.fdf
    UI\FrameDef\UI\EscMenuSaveGamePanel.fdf
    UI\FrameDef\UI\GameResultDialog.fdf
    UI\FrameDef\UI\UpperButtonBar.fdf
    UI\FrameDef\UI\ResourceBar.fdf
    UI\FrameDef\UI\SimpleInfoPanel.fdf
    UI\FrameDef\UI\SuspendDialog.fdf
    UI\FrameDef\UI\UnresponsiveDialog.fdf
    UI\FrameDef\UI\ReplayPanel.fdf
    UI\FrameDef\UI\QuestDialog.fdf
    UI\FrameDef\UI\TimerDialog.fdf
    UI\FrameDef\UI\Leaderboard.fdf
    UI\FrameDef\UI\Multiboard.fdf
    UI\FrameDef\UI\CinematicPanel.fdf
    UI\FrameDef\UI\ScriptDialog.fdf
    UI\FrameDef\UI\GameSaveSplashDialog.fdf`
</code></pre>

                    </main>

                    <nav class="nav-wrapper" aria-label="Page navigation">
                        <!-- Mobile navigation buttons -->
                                                    <a rel="prev" href="../other/lua_engine.html" class="mobile-nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
                                <i class="fa fa-angle-left"></i>
                            </a>
                        
                                                    <a rel="next" href="../xxqq/BV1nV411J7FB.html" class="mobile-nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
                                <i class="fa fa-angle-right"></i>
                            </a>
                        
                        <div style="clear: both"></div>
                    </nav>
                </div>
            </div>

            <nav class="nav-wide-wrapper" aria-label="Page navigation">
                                    <a rel="prev" href="../other/lua_engine.html" class="nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
                        <i class="fa fa-angle-left"></i>
                    </a>
                
                                    <a rel="next" href="../xxqq/BV1nV411J7FB.html" class="nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
                        <i class="fa fa-angle-right"></i>
                    </a>
                            </nav>

        </div>

                <!-- Livereload script (if served using the cli tool) -->
        <script type="text/javascript">
            var socket = new WebSocket("ws://localhost:3000/__livereload");
            socket.onmessage = function (event) {
                if (event.data === "reload") {
                    socket.close();
                    location.reload();
                }
            };

            window.onbeforeunload = function() {
                socket.close();
            }
        </script>
        
        
        
                <script type="text/javascript">
            window.playground_copyable = true;
        </script>
        
        
                <script src="../elasticlunr.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="../mark.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="../searcher.js" type="text/javascript" charset="utf-8"></script>
        
        <script src="../clipboard.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="../highlight.js" type="text/javascript" charset="utf-8"></script>
        <script src="../book.js" type="text/javascript" charset="utf-8"></script>

        <!-- Custom JS scripts -->
        
        
    </body>
</html>
